<template>
	<view class="Column Flex ">
		<input class="uni-input margin70" style="padding-bottom: 5upx;margin-top: 150upx;   border-bottom: #BBBBBB  solid 1upx;" type="text" placeholder="请输入手机号" />
		<view class=" margin70 " style=" display: flex; flex-direction:row; margin-top: 50upx; align-items: center;">
			<input class="uni-input" style=" flex: 2; " type="text" placeholder="请输入手机号" />

			<text style="text-align: center; flex: 0.8; font-size: 28upx; border: #EB162D solid 1upx; border-radius: 10upx; color: #EB162D;padding: 5upx 20upx 5upx 20upx;">
				获取验证码
			</text>
		</view>
		<view class="margin70" style="border-bottom: #BBBBBB  solid 1upx;margin-top: 5upx;"></view>

		<button class="margin70" style="  margin-top: 50upx;border-radius: 20upx; background-color: #EB162D ; color: #FFFFFF; ">同意协议并注册</button>
		<view class=" margin70 " style=" display: flex; flex-direction:row; margin-top: 50upx; align-items: center;">
			<checkbox-group>
				<label>
					<checkbox value="cb" checked="true" />
					阅读并同意《隐私协议》协议
				</label>
			</checkbox-group>
		</view>	
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		toLogin() {
			uni.login({
				provider: 'weixin',
				success: function(loginRes) {
					console.log(loginRes.authResult);
					// 获取用户信息
					uni.getUserInfo({
						provider: 'weixin',
						success: function(infoRes) {
							// console.log('用户昵称为：' + infoRes.userInfo.);
							//   console.log('用户昵称为：' + infoRes.userInfo.nickName);
						}
					});
				}
			});
		},
		toPasswordLogin() {
			uni.redirectTo({
				url: 'password_login'
			});
		},
		inputCode() {
			uni.redirectTo({
				url: 'code_input'
			});
		}
	}
};
</script>

<style>
.magin-left {
	margin-left: 72upx;
}
</style>
